<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .navall {
        width: 26rem;
        height: auto;
        margin: 0 auto;
    }

    .header {
        width: 26rem;
        height: 3rem;
        background-color: #ff8a00;
        position: relative;
    }

    .header>img {
        position: absolute;
    }

    .header>img:nth-of-type(1) {
        width: 7rem;
        height: 2.5rem;
        left: 3rem;
        top: 0.2rem;
    }

    .header>img:nth-of-type(2) {
        width: 2rem;
        height: 2.7rem;
        left: 19rem;
    }

    .header>img:nth-of-type(3) {
        width: 2rem;
        height: 2.7rem;
        left: 22rem;
    }

    .first {
        width: 26rem;
        height: 2rem;
        line-height: 2rem;
        text-indent: 1.5em;
        font-size: 0.7rem;
        border-bottom: 1px solid black;
    }

    .first>span:nth-child(1) {
        font-weight: 700;
    }
    .number{
        position: relative;
    }
    .number>input {
        width: 25.6rem;
        height: 2rem;
       border: none;
       border-bottom: 1px solid rgb(128, 128, 128);
        outline: none;
        
    }
    .number>div{
        width: 6rem;
        height: 1.7rem;
        text-align: center;
        line-height: 1.6rem;
        color: rgb(179, 176, 176);
        border: 1px solid rgb(203, 203, 203);
        position: absolute;
        font-size: 0.7rem;
        left: 18rem;
        top: 0.1rem;
    }
    [placeholder]{
        text-indent: 2em;
    }
    .logo{
        width: 16rem;
        height: 2rem;
        margin: 1rem auto;
        text-align: center;
        line-height: 2rem;
        color: aliceblue;
        border-radius: 0.2rem;
        background-color:#ff8a00;
    }
    input{
        width: 25.6rem;
        height: 2rem;
        outline: none;
        border: none;
       border-bottom: 1px solid rgb(128, 128, 128);
    }
</style>

<body>
    <div class="navall">
        <div class="header">
            <img src="./image/index/logo.jpg" alt="">
            <img src="./image/index/my.jpg" alt="">
            <img src="./image/index/xiazai.jpg" alt="">
        </div>
        <div class="first">
            <span>首页</span>
            <span>></span>
            <span>找回密码</span>
        </div>
        <div class="number">
            <input type="text" placeholder="请输入手机号码">
            <div>发送验证码</div>
        </div>
        <div><input type="text" placeholder="请输入短信中的验证码"></div>
        <div><input type="passward" placeholder="请输入密码"></div>
        <div><input type="passward" placeholder="请输入确认密码"></div>
        <div class="logo">提交</div>
    </div>
</body>

</html>